<template>
  <div class="toDiscuss" @click="goDiscuss()">
    <img src="@/assets/Home_imgs/laba.png" alt="">
    <div class="intro">
      <div class="top">{{newdata[0].top}}</div>
      <div class="bottom">{{newdata[0].bottom}}</div>
    </div>
    <span class="go">{{newdata[0].go}}&nbsp;&gt;</span>
  </div>
</template>

<script>
export default {
  methods: {
    goDiscuss(){
      this.$router.push('/discussPub');
    }
  },
  created(){
    this.$store.dispatch('gettoDiscuss',{url:"/data/Home/toDiscuss"})
  },
  computed:{
    newdata(){
      return this.$store.state.toDiscuss.data;
    }
  },
}
</script>

<style scoped>
  .toDiscuss{
    width: 90%;
    height: .75rem;
    background-color: white;
    margin: .1rem auto;
    padding: .1rem;
    display: flex;
    align-items: center;
    border-radius: .1rem;
  }
  .toDiscuss img{
    height: .55rem;
  }
  .toDiscuss .intro .bottom{
    font-size: .12rem;
    margin-top: .05rem;
    color: rgb(134,139,143);
  }
  .toDiscuss .go{
    margin-left: .33rem;
  }
</style>